<template>
    <div class="information">
        <el-tabs v-model="activeName" type="card" @tab-click="onTabClick">
            <el-tab-pane label="帐号绑定" name="first">
                <accountbinding></accountbinding>
            </el-tab-pane>
            <el-tab-pane label="修改手机号码" name="second">
                <phonechange></phonechange>
            </el-tab-pane>
            <el-tab-pane label="修改邮箱" name="third">
                <emailchange></emailchange>
            </el-tab-pane>
            <el-tab-pane label="修改密码" name="fourth">
                <passchange></passchange>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
    import accountbinding from '@/components/usermanage/information/accountbinding'
    import emailchange from '@/components/usermanage/information/emailchange'
    import passchange from '@/components/usermanage/information/passchange'
    import phonechange from '@/components/usermanage/information/phonechange'

    export default {
        name: 'information',
        components:{
        accountbinding,emailchange,passchange,phonechange
        },
        data(){
            return{
                activeName: 'first'
            }
        }
    }
</script>

<style scope>

</style>
